<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<p:dialog header="#{msg['message.ess.hLExterno.panelHeader']}"
		id="dlgHLE" widgetVar="dlgWvHLE" modal="true" dynamic="true"
		draggable="false" resizable="false">
		<p:panel id="pnlDlgHLE">

			<p:panelGrid>

				<p:row>
					<!-- Abreviado -->
					<p:column>
						<p:outputLabel for="essHLEComAbrDlg"
							value="#{msg['message.ess.hlExterno.compania.abrev']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLEComAbrDlg"
							value="#{hLExternoMB.historialLaboralExterno.companiaAbreviado}" />
					</p:column>
					<!-- Nombre Completo -->
					<p:column>
						<p:outputLabel for="essHLEComCompDlg"
							value="#{msg['message.ess.hlExterno.compania.nombre']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLEComCompDlg"
							value="#{hLExternoMB.historialLaboralExterno.companiaCompleto}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Giro de la Empresa -->
					<p:column>
						<p:outputLabel for="essHLEGiroDlg"
							value="#{msg['message.ess.hlExterno.giro']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLEGiroDlg" style="width:175px"
							value="#{hLExternoMB.historialLaboralExterno.idGiroEmpresa}">
							<f:selectItem itemLabel="Seleccione el area" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaAreaGeneral}" var="area"
								itemLabel="#{area.nombre}" itemValue="#{area.id}" />
						</p:selectOneMenu>
					</p:column>
					<!-- Pais -->
					<p:column>
						<p:outputLabel for="essHLEPaisDlg"
							value="#{msg['message.ess.pais']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLEPaisDlg" style="width:175px"
							value="#{hLExternoMB.historialLaboralExterno.idPais}">
							<f:selectItem itemLabel="Seleccione el pais" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaPaises}" var="pais"
								itemLabel="#{pais.nombre}" itemValue="#{pais.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<!-- Estado -->
					<p:column>
						<p:outputLabel for="essHLEEstadoDlg"
							value="#{msg['message.ess.estado']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLEEstadoDlg" style="width:175px"
							value="#{hLExternoMB.historialLaboralExterno.idEstado}">
							<f:selectItem itemLabel="Seleccione el estado" itemValue="" />
							<f:selectItems value="#{catalogosMB.listaEstados}" var="estado"
								itemLabel="#{estado.nombre}" itemValue="#{estado.id}" />
						</p:selectOneMenu>
					</p:column>
					<!-- Puesto -->
					<p:column>
						<p:outputLabel for="essHLEpuestoDlg"
							value="#{msg['message.ess.hL.puesto']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLEpuestoDlg"
							value="#{hLExternoMB.historialLaboralExterno.puesto}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Fecha Inicio -->
					<p:column>
						<p:outputLabel for="essHLEFecIniDlg"
							value="#{msg['message.ess.fechaInicio']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:calendar id="essHLEFecIniDlg" readonlyInput="true"
							value="#{hLExternoMB.historialLaboralExterno.fechaInicio}" />
					</p:column>
					<!-- Fecha Termino -->
					<p:column>
						<p:outputLabel for="essHLEFecTerDlg"
							value="#{msg['message.ess.fechaTermino']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:calendar id="essHLEFecTerDlg" readonlyInput="true"
							value="#{hLExternoMB.historialLaboralExterno.fechaTermino}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Funcion -->
					<p:column>
						<p:outputLabel for="essHLEFuncionDlg"
							value="#{msg['message.ess.hlExterno.funcion']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLEFuncionDlg"
							value="#{hLExternoMB.historialLaboralExterno.funcion}" />
					</p:column>
					<!-- Responsabilidades -->
					<p:column>
						<p:outputLabel for="essHLERespDlg"
							value="#{msg['message.ess.hL.responsabilidades']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLERespDlg"
							value="#{hLExternoMB.historialLaboralExterno.responsabilidades}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Logros -->
					<p:column>
						<p:outputLabel for="essHLELogrosDlg"
							value="#{msg['message.ess.hL.logros']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLELogrosDlg"
							value="#{hLExternoMB.historialLaboralExterno.logros}" />
					</p:column>
					<p:column>
					</p:column>
					<p:column>
					</p:column>
				</p:row>

			</p:panelGrid>

			<h:panelGroup layout="block" style="text-align:center;">
				<p:commandButton value="#{msg['message.upload.cerrar']}"
					onclick="dlgWvHLE.hide();" update="pnlDlgHLE"
					action="#{hLExternoMB.reInitDialog}" global="false">
				</p:commandButton>
				<p:commandButton value="#{msg['message.ess.agregar']}"
					update="pnlDlgHLE dtHLE" action="#{hLExternoMB.reInitDialog}"
					global="false" oncomplete="handleRequestHLE(xhr, status, args);">
					<p:collector value="#{hLExternoMB.historialLaboralExterno}"
						addTo="#{hLExternoMB.historial}" />
				</p:commandButton>
			</h:panelGroup>
		</p:panel>
	</p:dialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje']}"
		widgetVar="dlgHLEConfirmaEliminarReg">
		<h:panelGroup layout="block" style="text-align: right;">
			<p:commandButton id="cbHLEConfirmaEliminarReg" value="Si"
				update="dtHLE" oncomplete="dlgHLEConfirmaEliminarReg.hide()"
				actionListener="#{hLExternoMB.eliminarRegistros}"
				process="@this, dtHLE" />
			<p:commandButton id="cbHLEDeclinarEliminarReg" value="No"
				onclick="dlgHLEConfirmaEliminarReg.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje.sinSel']}"
		widgetVar="dlgHLESinSeleccion">
		<h:panelGroup layout="block" style="text-align: right">
			<p:commandButton id="HLEok" value="Aceptar"
				onclick="dlgHLESinSeleccion.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<script type="text/javascript">
		function handleRequestHLE(xhr, status, args) {
			if (!args.validationFailed) {
				dlgWvHLE.hide();
			}
		}
	</script>

</ui:composition>